<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>首页</title>
        <#--/公共引入包-->
        <#include "include.ftl">
        <#---->
    </head>
    <body>
        <#--/header-->
        <#include "header.ftl">
        <#---->
        <div class="index_banner">
            <ul class="index_banner_in" id="index_banner">
                <li class="index_banner_item">
                    <a href="#1">
                        <div class="index_banner_item_in">
                            <img src="images/index_coverage_1.png" alt="" />
                        </div>
                    </a>
                </li>
                <li class="index_banner_item">
                    <a href="#2">
                        <div class="index_banner_item_in">
                            <img src="images/index_coverage_2.png" alt="" />
                        </div>
                    </a>
                </li>
                <li class="index_banner_item">
                    <a href="#3">
                        <div class="index_banner_item_in">
                            <img src="images/index_coverage_3.png" alt="" />
                        </div>
                    </a>
                </li>
                <li class="index_banner_item">
                    <a href="#1">
                        <div class="index_banner_item_in">
                            <img src="images/index_coverage_1.png" alt="" />
                        </div>
                    </a>
                </li>
            </ul>
            <ol class="index_banner_circle" id="index_circle">
                <li class="active"></li>
                <li></li>
                <li class="last"></li>
            </ol>
            <div class="index_banner_prev" id="index_prev"></div>
            <div class="index_banner_next" id="index_next"></div>
        </div>
        <div class="index_teamwork">
            <h3 class="index_title index_teamwork_title">寻找最专业的合作伙伴</h3>
            <ul class="index_teamwork_list">
                <li class="index_teamwork_item">
                    <#if categoryList?? && (categoryList?size > 0)>
                       <#list categoryList as category>
                           <#if category.name == '人工智能'>
                              <a href="/project/toprojectcenter?category=${category.name}">
                           </#if>
                       </#list>
                    <#else>
                       <a href="/project/toprojectcenter?category=">
                    </#if>
                        <div class="index_teamwork_item_show">
                            <div class="index_teamwork_item_img">
                                <img src="images/index_teamwork_item_img1.jpg" alt="" />
                            </div>
                            <p class="index_teamwork_item_des">人工智能</p>
                        </div>
                        <div class="index_teamwork_item_detail">
                            <p>航天技术与其他科学技术相结合</p>
                            <p>开创了许多新的技术途径，</p>
                            <p>产生巨大的经济和社会效益。</p>
                        </div>
                    </a>
                </li>
                <li class="index_teamwork_item">
                    <#if categoryList?? && (categoryList?size > 0)>
                        <#list categoryList as category>
                            <#if category.name == '新能源'>
                            <a href="/project/toprojectcenter?category=${category.name}">
                            </#if>
                        </#list>
                    <#else>
                    <a href="/project/toprojectcenter?category=">
                    </#if>
                    <div class="index_teamwork_item_show">
                        <div class="index_teamwork_item_img">
                            <img src="images/index_teamwork_item_img2.jpg" alt="" />
                        </div>
                        <p class="index_teamwork_item_des">新能源</p>
                    </div>
                    <div class="index_teamwork_item_detail">
                        <p>航天技术与其他科学技术相结合</p>
                        <p>开创了许多新的技术途径，</p>
                        <p>产生巨大的经济和社会效益。</p>
                    </div>
                    </a>
                </li>
                <li class="index_teamwork_item">
                    <#if categoryList?? && (categoryList?size > 0)>
                        <#list categoryList as category>
                            <#if category.name == '新能源'>
                            <a href="/project/toprojectcenter?category=${category.name}">
                            </#if>
                        </#list>
                    <#else>
                    <a href="/project/toprojectcenter?category=">
                    </#if>
                        <div class="index_teamwork_item_show">
                            <div class="index_teamwork_item_img">
                                <img src="images/index_teamwork_item_img3.jpg" alt="" />
                            </div>
                            <p class="index_teamwork_item_des">新材料</p>
                        </div>
                        <div class="index_teamwork_item_detail">
                            <p>航天技术与其他科学技术相结合</p>
                            <p>开创了许多新的技术途径，</p>
                            <p>产生巨大的经济和社会效益。</p>
                        </div>
                    </a>
                </li>
                <li class="index_teamwork_item">
                    <#if categoryList?? && (categoryList?size > 0)>
                        <#list categoryList as category>
                            <#if category.name == '医疗与健康'>
                            <a href="/project/toprojectcenter?category=${category.name}">
                            </#if>
                        </#list>
                    <#else>
                    <a href="/project/toprojectcenter?category=">
                    </#if>
                        <div class="index_teamwork_item_show">
                            <div class="index_teamwork_item_img">
                                <img src="images/index_teamwork_item_img4.jpg" alt="" />
                            </div>
                            <p class="index_teamwork_item_des">医疗与健康</p>
                        </div>
                        <div class="index_teamwork_item_detail">
                            <p>航天技术与其他科学技术相结合</p>
                            <p>开创了许多新的技术途径，</p>
                            <p>产生巨大的经济和社会效益。</p>
                        </div>
                    </a>
                </li>
                <li class="index_teamwork_item">
                    <#if categoryList?? && (categoryList?size > 0)>
                        <#list categoryList as category>
                            <#if category.name == '检验与检测'>
                            <a href="/project/toprojectcenter?category=${category.name}">
                            </#if>
                        </#list>
                    <#else>
                    <a href="/project/toprojectcenter?category=">
                    </#if>
                        <div class="index_teamwork_item_show">
                            <div class="index_teamwork_item_img">
                                <img src="images/index_teamwork_item_img5.jpg" alt="" />
                            </div>
                            <p class="index_teamwork_item_des">检验与检测</p>
                        </div>
                        <div class="index_teamwork_item_detail">
                            <p>航天技术与其他科学技术相结合</p>
                            <p>开创了许多新的技术途径，</p>
                            <p>产生巨大的经济和社会效益。</p>
                        </div>
                    </a>
                </li>
                <li class="index_teamwork_item">
                    <#if categoryList?? && (categoryList?size > 0)>
                        <#list categoryList as category>
                            <#if category.name == '航天技术'>
                            <a href="/project/toprojectcenter?category=${category.name}">
                            </#if>
                        </#list>
                    <#else>
                    <a href="/project/toprojectcenter?category=">
                    </#if>
                        <div class="index_teamwork_item_show">
                            <div class="index_teamwork_item_img">
                                <img src="images/index_teamwork_item_img8.jpg" alt="" />
                            </div>
                            <p class="index_teamwork_item_des">航天技术</p>
                        </div>
                        <div class="index_teamwork_item_detail">
                            <p>航天技术与其他科学技术相结合</p>
                            <p>开创了许多新的技术途径，</p>
                            <p>产生巨大的经济和社会效益。</p>
                        </div>
                    </a>
                </li>
                <li class="index_teamwork_item">
                    <#if categoryList?? && (categoryList?size > 0)>
                        <#list categoryList as category>
                            <#if category.name == '信息科技'>
                            <a href="/project/toprojectcenter?category=${category.name}">
                            </#if>
                        </#list>
                    <#else>
                    <a href="/project/toprojectcenter?category=">
                    </#if>
                        <div class="index_teamwork_item_show">
                            <div class="index_teamwork_item_img">
                                <img src="images/index_teamwork_item_img6.jpg" alt="" />
                            </div>
                            <p class="index_teamwork_item_des">信息科技</p>
                        </div>
                        <div class="index_teamwork_item_detail">
                            <p>航天技术与其他科学技术相结合</p>
                            <p>开创了许多新的技术途径，</p>
                            <p>产生巨大的经济和社会效益。</p>
                        </div>
                    </a>
                </li>
                <li class="index_teamwork_item">
                    <#if categoryList?? && (categoryList?size > 0)>
                        <#list categoryList as category>
                            <#if category.name == '食品与安全'>
                            <a href="/project/toprojectcenter?category=${category.name}">
                            </#if>
                        </#list>
                    <#else>
                    <a href="/project/toprojectcenter?category=">
                    </#if>
                        <div class="index_teamwork_item_show">
                            <div class="index_teamwork_item_img">
                                <img src="images/index_teamwork_item_img7.jpg" alt="" />
                            </div>
                            <p class="index_teamwork_item_des">食品与安全</p>
                        </div>
                        <div class="index_teamwork_item_detail">
                            <p>航天技术与其他科学技术相结合</p>
                            <p>开创了许多新的技术途径，</p>
                            <p>产生巨大的经济和社会效益。</p>
                        </div>
                    </a>
                </li>
            </ul>
            <div class="index_teamwork_check">
                <a href="/project/toprojectcenter?category=">查看更多分类</a>
            </div>
        </div>
        <div class="index_wait">
            <h3 class="index_title index_wait_title">等待解决的难题</h3>
            <div class="index_wait_list_outer">
                <ul class="index_wait_list" id="index_carousel">
                    <li class="index_wait_item">
                        <a href="">
                            <div class="index_wait_item_title">
                                征集快速检测金属含量的技术
                            </div>
                            <p class="index_wait_item_info">
                                能快速检测出材料中的锂含量比例是多少，要求在生产中方便可行，包括相关专利也要一并转让给我们。
                            </p>
                            <div class="index_wait_item_price">
                                <span class="index_wait_item_price_icon">￥</span>
                                <span class="index_wait_item_price_num">2000-5000</span>
                            </div>
                        </a>
                    </li>
                    <li class="index_wait_item">
                        <a href="">
                            <div class="index_wait_item_title">
                                征集快速检测金属含量的技术
                            </div>
                            <p class="index_wait_item_info">
                                能快速检测出材料中的锂含量比例是多少，要求在生产中方便可行，包括相关专利也要一并转让给我们。
                            </p>
                            <div class="index_wait_item_price">
                                <span class="index_wait_item_price_icon">￥</span>
                                <span class="index_wait_item_price_num">2000-5000</span>
                            </div>
                        </a>
                    </li>
                    <li class="index_wait_item">
                        <a href="">
                            <div class="index_wait_item_title">
                                征集快速检测金属含量的技术
                            </div>
                            <p class="index_wait_item_info">
                                能快速检测出材料中的锂含量比例是多少，要求在生产中方便可行，包括相关专利也要一并转让给我们。
                            </p>
                            <div class="index_wait_item_price">
                                <span class="index_wait_item_price_icon">￥</span>
                                <span class="index_wait_item_price_num">2000-5000</span>
                            </div>
                        </a>
                    </li>
                    <li class="index_wait_item">
                        <a href="">
                            <div class="index_wait_item_title">
                                征集快速检测金属含量的技术
                            </div>
                            <p class="index_wait_item_info">
                                能快速检测出材料中的锂含量比例是多少，要求在生产中方便可行，包括相关专利也要一并转让给我们。
                            </p>
                            <div class="index_wait_item_price">
                                <span class="index_wait_item_price_icon">￥</span>
                                <span class="index_wait_item_price_num">2000-5000</span>
                            </div>
                        </a>
                    </li>
                    <li class="index_wait_item">
                        <a href="">
                            <div class="index_wait_item_title">
                                征集快速检测金属含量的技术
                            </div>
                            <p class="index_wait_item_info">
                                能快速检测出材料中的锂含量比例是多少，要求在生产中方便可行，包括相关专利也要一并转让给我们。
                            </p>
                            <div class="index_wait_item_price">
                                <span class="index_wait_item_price_icon">￥</span>
                                <span class="index_wait_item_price_num">2000-5000</span>
                            </div>
                        </a>
                    </li>
                    <li class="index_wait_item">
                        <a href="">
                            <div class="index_wait_item_title">
                                征集快速检测金属含量的技术
                            </div>
                            <p class="index_wait_item_info">
                                能快速检测出材料中的锂含量比例是多少，要求在生产中方便可行，包括相关专利也要一并转让给我们。
                            </p>
                            <div class="index_wait_item_price">
                                <span class="index_wait_item_price_icon">￥</span>
                                <span class="index_wait_item_price_num">2000-5000</span>
                            </div>
                        </a>
                    </li>
                </ul>
            </div>
            <ol class="index_wait_arrows">
                <li class="index_wait_arrows_prev" id="btn_prev"></li>
                <li class="index_wait_arrows_next" id="btn_next"></li>
            </ol>
            <div class="index_teamwork_check index_wait_check">
                <a href="/project/toprojectcenter?classify=">查看更多项目</a>
            </div>
        </div>
        <div class="index_gift">
            <div class="index_gift_left">
                <h4>极客，即刻响应</h4>
                <p>富真知灼见， 秀出班行。</p>
                <p>以专业技术， 尖端引领。</p>
                <p>解科研难题， 举重若轻。</p>
                <p>聚各界极客， 有求必应。</p>
            </div>
            <div class="index_gift_right">
                <img src="images/index_gift_right_new.jpg" alt="" />
            </div>
        </div>
        <div class="index_banner_small">
            <div class="index_banner_small_in">
                <img src="images/index_banner_small4.jpg" alt="" />
            </div>
            <div class="index_enter_font">中广测人才率先入驻</div>
        </div>
        <div class="index_team">
            <div class="index_team_left">
                <h4>协作，携手共赢</h4>
                <p>一手掌握， 项目信息。</p>
                <p>提现充值， 随时随地。</p>
                <p>补贴奖励， 多重惊喜。</p>
                <p>降费增收， 科技创益。</p>
                <div class="btn"><a href="servicing.html">查看操作手册</a></div>
            </div>
            <div class="index_team_right">
                <img src="images/index_team_right.jpg" alt="" />
            </div>
        </div>
        <div class="index_banner_small">
            <div class="index_banner_small_in">
                <img src="images/index_banner_small5.jpg" alt="" />
            </div>
            <div class="index_group">
                <div class="index_group_title">发布您的需求</div>
                <div class="index_group_des">技术难点 · 科研需求 · 新品研发</div>
                <div class="index_group_btn"><a href="http://yk-zb.com/task/post.html">立即发布需求</a></div>
            </div>
        </div>
        <div class="index_link">
            <div class="index_link_in">
                <div class="index_link_img">
                    <img src="images/index_icon_link.png" alt="" />
                </div>
                <div class="index_link_phone">
                    <h3>020-89986580</h3>
                    <p>客服时间：09:00~19:00</p>
                </div>
            </div>
        </div>
        <div class="index_footer">
            <div class="index_footer_link">
                <a href="">新闻公告</a>|
                <a href="">关于我们</a>|
                <a href="">联系我们</a>|
                <a href="">用户协议</a>
            </div>
            <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
        </div>
    </body>
</html>
<script type="text/javascript">
    $(function() {
        //轮播
        (function fnCarousel(){
            var iWidth = $("#index_carousel li").width()+30;
            var inum = $("#index_carousel li").length;
            var indexOld = 0;
            $('#index_carousel').css('width' , iWidth * inum + 'px');
            console.log($('#index_carousel').width())
            $('#btn_next').click(function(event) {
                if(inum - indexOld <= 3){
                    return;
                }
                indexOld++;
                console.log(indexOld);
                $('#index_carousel').animate({"left":-iWidth * indexOld + "px"}, 200);
            });
            $('#btn_prev').click(function(event) {
                if(indexOld == 0){
                    return;
                }
                indexOld--;
                console.log(indexOld);
                $('#index_carousel').animate({"left":-iWidth * indexOld + "px"}, 200);
            });
        })();

        //banner 轮播
        (function fnBanner(){
            var iWinWidth = $(window).width() >= $("body").width() ? $(window).width() : $("body").width();
            var iNum = $('#index_banner li').length;
            var iCirWidth = $('#index_circle li').width()*iNum + 22*(iNum - 1);
            var indexOld = 0;
            var timer = null ;
            $('#index_banner li').css('width',iWinWidth+'px');
            $('#index_circle').css({"width":iCirWidth + "px","margin-left":-iCirWidth/2 + "px"});
            $('#index_banner').css({"width":iWinWidth * iNum + "px"});
            $('#index_next').click(function(event) {
                if(indexOld == 0){
                    $('#index_banner').css({"left":"0"});
                }
                indexOld++;
                if(indexOld >= 3){
                    indexOld = 2;
                    return false;
                }
                console.log(indexOld);
                $('#index_circle li').removeClass('active');
                $('#index_circle li').eq(indexOld).addClass('active');
                $('#index_banner').animate({"left":-iWinWidth * indexOld + "px"}, 500);
            });
            $('#index_prev').click(function(event) {
                indexOld--;
                if(indexOld <= -1){
                    indexOld = 0;
                    return false;
                }
                console.log(indexOld);
                $('#index_circle li').removeClass('active');
                $('#index_circle li').eq(indexOld).addClass('active');
                $('#index_banner').animate({"left":-iWinWidth * indexOld + "px"}, 500);
            });
            $('#index_circle li').click(function(event) {
                indexOld = $('#index_circle li').index(this);
                $('#index_circle li').removeClass('active');
                $('#index_circle li').eq(indexOld).addClass('active');
                $('#index_banner').animate({"left":-iWinWidth * indexOld + "px"}, 500);
            });
            function fnTimer(){
                if(indexOld == 0){
                    $('#index_banner').css({"left":"0"});
                }
                indexOld++;
                $('#index_circle li').removeClass('active');
                if(indexOld >= 3){

                    $('#index_banner').animate({"left":-iWinWidth * indexOld + "px"}, 500);
                    indexOld = 0;
                    $('#index_circle li').removeClass('active');
                    $('#index_circle li').eq(indexOld).addClass('active');
                    return false;
                }
                console.log(indexOld);
                $('#index_circle li').eq(indexOld).addClass('active');
                $('#index_banner').animate({"left":-iWinWidth * indexOld + "px"}, 500);
            }
            clearInterval(timer) ;
            timer = setInterval(fnTimer, 3000);
            $('.index_banner').hover(function() {
                clearInterval(timer) ;
                $('#index_prev').fadeIn(200);
                $('#index_next').fadeIn(200);
            }, function() {
                clearInterval(timer) ;
                timer = setInterval(fnTimer, 3000);
                $('#index_prev').fadeOut(200);
                $('#index_next').fadeOut(200);
            });
        })();
        (function fnShow(){
            $('.index_teamwork_item').hover(function() {
                $('.index_teamwork_item').removeClass('active');
                $(this).addClass('active');
            }, function() {
                $('.index_teamwork_item').removeClass('active');
            });
        })();
        //自动登录
        if(!window.localStorage){
            alert("请使用现代浏览器浏览该网站，比如IE8+,FireFox,Chrome或者Safari，否则部分功能可能不正常");
            return false;
        }else{
            var storage=window.localStorage;
            var mobile = storage[USER_MOBILE];
            var pass = storage[USER_PASS];
            $.ajax({
                type: "POST",
                url: '/user/login',   //提交地址
                data : {
                    userName:mobile,
                    password:pass
                },
                dataType: "json",
                success: function(data){
                }
            });
        }
    });


</script>